<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8"/>
    <title>渠道归属</title>
    <meta name="description" content="overview & stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="static/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="static/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/ace.min.css"/>
    <link rel="stylesheet" href="static/css/ace-responsive.min.css"/>
    <link rel="stylesheet" href="static/css/ace-skins.min.css"/>
    <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
    <!--提示框-->
    <script type="text/javascript" src="static/js/jquery.tips.js"></script>
</head>

<script type="text/javascript">
    $(function () {
        top.hangge();
    });

    //保存
    function save() {
        var name = $("#name").val()
        if (name == "") {
            $("#name").tips({
                side: 3,
                msg: '请输入渠道归属名称',
                bg: '#AE81FF',
                time: 2
            });
            $("#name").focus();
            return false;
        }
        if ($("#desc").val() == "") {
            $("#desc").tips({
                side: 3,
                msg: '请输入渠道归属说明',
                bg: '#AE81FF',
                time: 2
            });
            $("#desc").focus();
            return false;
        }
        var flag = false;
        var checklist = document.getElementsByName("channelIds");
        for (var i = 0; i < checklist.length; i++) {
            if (checklist[i].checked == 1) {
                flag = true;
            }
        }
        if (!flag) {
            $("#zcheckbox").tips({
                side: 3,
                msg: '请选择渠道',
                bg: '#AE81FF',
                time: 2
            });
            $("#zcheckbox").focus();
            return false;
        }
        $.get("channel/checkChannelAffName",
            {"name": name},
            function (data) {
                if (data.code == 200) {
                    $("#menuForm").submit();
                    $("#zhongxin").hide();
                    $("#zhongxin2").show();
                } else {
                    $("#name").tips({
                        side: 3,
                        msg: '该渠道归属名称已存在，请修改',
                        bg: '#AE81FF',
                        time: 2
                    });
                    $("#name").focus();
                    return false;
                }
            });
    }

    //全选 （是/否）
    function selectAll() {
        var checklist = document.getElementsByName("channelIds");
        if (document.getElementById("zcheckbox").checked) {
            for (var i = 0; i < checklist.length; i++) {
                checklist[i].checked = 1;
            }
        } else {
            for (var j = 0; j < checklist.length; j++) {
                checklist[j].checked = 0;
            }
        }
    }
</script>

<body>
<form action="channel/addAff" name="menuForm" id="menuForm" method="post">
    <div id="zhongxin" class="zhongxin-cla">
        <table>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>渠道归属名称：</span>
                    <input type="text" name="name" id="name" placeholder="渠道归属名称" value="" title="名称"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>渠道归属说明：</span>
                    <textarea name="desc" id="desc" placeholder="渠道归属说明" value="" title="说明" rows="3"></textarea>
                </td>
            </tr>
            <tr>
                <td>
                    <div style="padding-left: 10px">
                        <font color='red'>*</font>
                        <span style="font-weight: bold">选择渠道：</span>
                        <c:choose>
                            <c:when test="${not empty channels}">
									<span style="margin-left: 15px" onclick="selectAll()">
										<label>
											<input type="checkbox" id="zcheckbox"/>
											<span class="lbl">全选</span>
										</label>
									</span>
                                <c:forEach items="${channels}" var="model">
										<span style="float: left;margin-left: 15px;margin-top: 10px;">
											<label>
												<input type="checkbox" name="channelIds" value="${model.id}"/>
												<span class="lbl">${model.name}</span>
											</label>
										</span>
                                </c:forEach>
                            </c:when>
                            <c:otherwise>
                                <span style="font-weight: bold; color: red">暂无渠道，请先新增渠道！</span>
                            </c:otherwise>
                        </c:choose>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: center; padding-top: 10px;">
                    <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
                    <a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
                </td>
            </tr>
        </table>
    </div>
    <div id="zhongxin2" class="center" style="display:none">
        <br/><br/><br/><img src="static/images/jiazai.gif"/><br/>
        <h4 class="lighter block green"></h4>
    </div>
</form>
</body>
</html>